<template>
    <div class="zuopingrongyu">
        <div >
            <ul>
                <li v-for="item in msg" :key="item">
                    {{ item }}
                </li>
            </ul>
        </div>
    </div>
</template>
<style lang="less">
.zuopingrongyu{
    height: 30vh;
    overflow: scroll;
    text-align: left;
    div{
        ul{
            li{
                display:block;
                width: auto;
                height: 4vh;
                line-height: 4vh;
                margin: 2vh 0;
                background-color: rgb(255, 145, 82);
                color: #000;
                padding-left: 10px;
                margin-left: 4vw;
                margin-right: 4vw;
                border-radius: 40px;
            }
        }
    }
}
</style>

<script>


export default{
    name:"zuopingrongyuView",
    data(){
        return{
            msg:["晋江文学奖","科幻大赛作品","第三届玄幻小说征文大赛第一名"],
        }
    },
    methods(){

    },

}
</script>